<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/template.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="body">
        <p:growl id="growl" showDetail="true" showSummary="false" globalOnly="true" autoUpdate="true" life="4000" />

        <div id="contPpal" class="contenedor">
            <div id="openTextBook" class="flotarIzquierda">
                <p:panel id="mensajeBienvenida" styleClass="titulo">
                    <p:outputLabel id="text-3" value="Open TextBook" />
                </p:panel>

                <br/>

                <p:tabView id="tabViewPpal">
                    <p:ajax event="tabChange" listener="#{grupoController.onTabChange}" process="@this" immediate="true" 
                            update="frmGestionGrupos:dtGrupos, frmListaRolesPorGrupo:dtLstaRoles" />

                    <p:tab id="tabLibros" title="Crear Libro">
                        <ui:include src="crearLibro.xhtml" />
                    </p:tab>

                    <p:tab id="tabGrupos" title="Grupos">
                        <ui:include id="includeGestion" src="gestionGrupos.xhtml" />
                    </p:tab>

                    <p:tab id="tabLibreria" title="Libreria">
                        <ui:include id="includeLibreria" src="listaRolesPorGrupo.xhtml" />
                    </p:tab>
                </p:tabView>
            </div>

            <ui:include src="miCuenta.xhtml" />

            <div class="clear"></div>

        </div>

    </ui:define>

</ui:composition>

